<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>赵六 - 个人简历</title>
</head>
<body>
  <table width="100%" border="0" cellspacing="10" cellpadding="10">
    <tr>
      <!-- 左侧列：个人信息 -->
      <td width="25%" valign="top">
        <h1>赵六</h1><hr>
        <h2>联系方式</h2>
        <p><strong>手机：</strong>123-0000-0000</p>
        <p><strong>邮箱：</strong>zhaoliu@example.com</p>

        <h2>个人优势</h2>
        <ul>
          <li>快速学习</li>
          <li>团队协作</li>
          <li>代码规范</li>
        </ul>

        <h2>职业步骤</h2>
        <ol>
          <li>掌握HTML</li>
          <li>掌握CSS</li>
          <li>掌握JS</li>
        </ol>

        <h2>个人词条</h2>
        <p><strong>HTML</strong></p>
        <p>超文本标记语言</p>
        <p><strong>CSS</strong></p>
        <p>层叠样式表</p>

        <h2>技能树</h2>
        <ul>
          <li><strong>前端</strong>
            <ul>
              <li>HTML</li>
              <li>CSS</li>
            </ul>
          </li>
          <li><strong>后端</strong>
            <ul>
              <li>Node.js</li>
            </ul>
          </li>
        </ul>
      </td>

      <!-- 中间列：表单和编辑区域 -->
      <td width="50%" valign="top">
        <h1>教育经历</h1>
				<table border="1"> 
				</table>
				<table border="1">
					<tr>
						<th>时间</th>
						<th>学校</th>
						<th>专业</th>
					</tr>
					<tr>
						<td>2016-2020</td>
						<td>北京大学</td>
						<td>计算机</td>
					</tr>
					<tr>
						<td>2020-2023</td>
						<td>清华大学</td>
						<td>软件工程</td>
					</tr>
				</table>

        <h2>在线编辑</h2>
        <table border="0" width="100%">
          <tr>
            <td>姓名：</td>
            <td><input type="text" placeholder="your name"></td>
          </tr>
          <tr>
            <td>年齡：</td>
            <td><input type="text"></td>
          </tr>
          <tr>
            <td>邮箱：</td>
            <td><input type="email"></td>
          </tr>
          <tr>
            <td>电话：</td>
            <td><input type="tel"></td>
          </tr>
          <tr>
            <td>主页：</td>
            <td><input type="text"></td>
          </tr>
          <tr>
            <td>密码：</td>
            <td><input type="password"></td>
          </tr>
          <tr>
            <td>日期：</td>
            <td><input type="date"></td>
          </tr>
          <tr>
            <td>时间：</td>
            <td><input type="time"></td>
          </tr>
          <tr>
            <td>月份：</td>
            <td><input type="month"></td>
          </tr>
          <tr>
            <td>周：</td>
            <td><input type="week"></td>
          </tr>
          <tr>
            <td>本地日期时间：</td>
            <td><input type="datetime-local"></td>
          </tr>
          <tr>
            <td>文件：</td>
            <td><input type="file"></td>
          </tr>
          <tr>
            <td>颜色：</td>
            <td><input type="color"></td>
          </tr>
          <tr>
            <td>范围0-100：</td>
            <td><input type="range" min="0" max="100" value="50"></td>
          </tr>
        </table>
      </td>

      <!-- 右侧列：选择和操作区域 -->
      <td width="25%" valign="top">
        <h2>选择</h2>
        <p>性别：</p>
        <p>
          <input type="radio" name="gender" value="male">男
          <input type="radio" name="gender" value="female">女
        </p>
        
        <p>技能：</p>
        <p>
          <input type="checkbox" name="skill" value="HTML">HTML
          <input type="checkbox" name="skill" value="CSS">CSS
          <input type="checkbox" name="skill" value="JS">JS
        </p>

        <h2>下拉选择</h2>
        <p>单选城市：</p>
        <select>
          <option>北京</option>
          <option>上海</option>
          <option>广州</option>
        </select>
        
        <p>多项城市：</p>
        <select multiple>
          <option>北京</option>
          <option>上海</option>
          <option>广州</option>
        </select>

        <h2>自我介绍</h2>
        <textarea placeholder="说点什么..." rows="4" cols="30"></textarea>

        <h2>操作</h2>
        <p>
          <input type="button" value="提交">
          <input type="reset" value="重置">
          <input type="button" value="普通按钮">
        </p>

        <h2>自动补全</h2>
        <p>语言：<input type="text" placeholder="输入语言"></p>

        <h2>进度/度量</h2>
        加载：<progress></progress><p></p>
				分数：<meter value="0.8"></meter>
        </table>

        <h2>项目细节</h2>
        <p>这里可以添加更多关于项目的详细信息。</p>
      </td>
    </tr>
  </table>
</body>
</html>